const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})


const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  publicPath: "./", // 根域上下文目录
  lintOnSave: false, //是否在保存的时候使用 `eslint-loader` 进行检查。
  outputDir: "dist", // 构建输出目录
  assetsDir: "assets", // 静态资源目录 (js, css, img, fonts)
  indexPath: "index.html",
  filenameHashing: true, //文件名哈希
  devServer: {
    // overlay: { //关闭检查蒙层
    //     warnings: false,
    //     errors: false
    // },
    open: true, // 配置是否自动启动浏览器
    port: 8080, // 端口号
    host: "0.0.0.0",
    https: false, // 是否使用https, https使用node的一个内部默认的ca证书
    proxy: "http://api.wonewoo.com/", // 配置跨域处理,只有一个代理
    // proxy: { // 配置多个跨域代理
    //   '/api': {
    //     //要访问的跨域的api的域名
    //     target: 'http://121.40.113.8:11035/',
    //     ws: true,
    //     secure: false, // http 检查
    //     changOrigin: true,
    //     pathRewrite: {
    //       '^/api': ''
    //     }
    //   }
    // },
    // before: app => { }
  },
  chainWebpack(config) {
    config.plugins.delete("preload"); // TODO: need test
    config.plugins.delete("prefetch"); // TODO: need test

    // set svg-sprite-loader
    config.module.rule("svg").exclude.add(resolve("src/icons")).end();
    config.module
      .rule("icons")
      .test(/\.svg$/)
      .include.add(resolve("src/icons"))
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({
        symbolId: "icon-[name]",
      })
      .end();
  },
};